/*
 * @Description: 
 * @Date: 2021-06-08 13:04:31
 * @LastEditTime: 2021-11-16 10:41:51
 * @author: yanghong
 */
import Vue from 'vue'
import App from './App'
import tedp from 'tedp'
import Element from 'element-ui'
import {Loading} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './assets/font/font.css'
import '../static/css/common.css'
import echarts from 'echarts'
import highcharts from 'highcharts'
import highcharts3d from 'highcharts/highcharts-3d'
import VueSocketIO from 'vue-socket.io'

Vue.use(new VueSocketIO({
  debug: false,
  // 服务器端地址
  connection: window.wsUrl,
  "force new connection": true,
  transports: ['websocket', 'xhr-polling', 'jsonp-polling']
}))
highcharts3d(highcharts)

Vue.prototype.$echarts = echarts
Vue.use(tedp)
Vue.use(Element)

/* eslint-disable no-new */
Vue.config.productionTip = false

new Vue({
  el: '#app',
  // router,
  components: {App},
  template: '<App/>',
  mounted(){
    window.loading = this.$loading({           // 声明一个loading对象
      lock: true,                             // 是否锁屏
      text: '场景加载中,请稍后...',                     // 加载动画的文字
      spinner: 'el-icon-loading',             // 引入的loading图标
      background: 'rgba(0, 0, 0, .3)',       // 背景颜色
      target: '.sub-main',                    // 需要遮罩的区域
      body: true,
      customClass: 'mask'                     // 遮罩层新增类名
    })
  }
})
